<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>个人备忘录主页</title>
    <link href="../../css/base.css" rel="stylesheet" type="text/css"/>
    <link href="../../css/main.css" rel="stylesheet" type="text/css"/>
    <link href="../../js/lib/LCalendar/LCalendar.css" rel="stylesheet">
    <link href="../../js/lib/ios_select/iosSelect.css" rel="stylesheet">
</head>
<body>
  <div id="user_Memo" class="top_title">
      <div class="titles clearfix">
          <div class="titles_left_label fl">
              <label class="iconfont icon-jiantou1"></label>
          </div>
          <div class="titles_center_info fl">
              <span>个人备忘录</span>
          </div>
      </div>
      <div class="um_content">
          <div class="um_content_info ">
              <ul class="clearfix tabClick">
                  <li class="fl active">
                      <div class="um_list_header">
                          <img src="../../images/memorandum/zhouqi.png"/>
                      </div>
                      <div class="fujin ">
                          周期性事件
                          <div class="count_number">11</div>
                      </div>
                  </li>
                  <li class="fl">
                      <div class="um_list_header">
                          <img src="../../images/memorandum/shijian.png"/>
                      </div>
                      <div class="fujin">偶发事件</div>
                  </li>
                  <li class="fl">
                      <div class="um_list_header">
                          <img src="../../images/memorandum/dasao.png"/>
                      </div>
                      <div class="fujin">打扫卫生</div>
                  </li>
                  <li class="fl">
                      <div class="um_list_header">
                          <img src="../../images/memorandum/jiaju.png"/>
                      </div>
                      <div class="fujin">生活事物</div>
                  </li>
              </ul>
              <!--箭头要换-->
              <div class="bottom-jiantou-bg">
                  <div class="bottom-jiantou">
                      <img src="../../images/bottom_jiantou.png"/>
                  </div>
              </div>
              <ul class="tabBox">
                <li class="tabList zhouqishijian xianshi_1">
                       <ul class="um_list">
                           <li class="um_list_li">
                               <div class=" um_list_right">
                                   <div class="um_list_topInfo clearfix">
                                       <div class="um_list_topInfo_header clearfix ">
                                           <p class="fl">
                                               <span class="um_list_top_title">生活缴费</span>
                                           </p>
                                           <div class="fr um_list_topInfo_tubiao clearfix">
                                               <label class="iconfont icon-transpond fl"></label>
                                               <label class="iconfont icon-bianji1 fl"></label>
                                               <label class="iconfont icon-lajixiang01 fl"></label>
                                           </div>
                                       </div>
                                   </div>
                                   <div class="um_list_centertime clearfix">
                                       <div class="right fl"><input type="text" name="tradeDate" id="tradeDate" placeholder="起始时间" readonly /></div>
                                       <div class="left fl" id="repeat_select_contact"><input type="hidden" name="num" value="0"/><input type="hidden" name="unit" /><span id="repeat_show_contact">设置周期时间</span></div>
                                   </div>
                                   <div class="um_lc_shijianneirong">
                                        <p>事件内容事件内容事件内容事件内容事件内容事件内容事件内容</p>
                                   </div>
                                   <div class="um_list_bottomInfo">
                                       <ul class="um_list_bottomInfo_images clearfix">
                                           <li class="fl">
                                               <a href="#">
                                                   <img src="../../images/background-image.png"/>
                                               </a>
                                           </li>
                                           <li class="fl">
                                               <a href="#">
                                                   <img src="../../images/background-image.png"/>
                                               </a>
                                           </li>
                                       </ul>
                                   </div>
                               </div>
                           </li>
                       </ul>
                 </li>
                <li class="tabList oufashijian">
                    <ul class="um_list">
                        <li class="um_list_li">
                            <div class=" um_list_right">
                                <div class="um_list_topInfo clearfix">
                                    <div class="um_list_topInfo_header clearfix ">
                                        <p class="fl">
                                            <span class="um_list_top_title">生活缴费</span>
                                        </p>
                                        <div class="fr um_list_topInfo_tubiao clearfix">
                                            <label class="iconfont icon-transpond fl"></label>
                                            <label class="iconfont icon-bianji1 fl"></label>
                                            <label class="iconfont icon-lajixiang01 fl"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="um_list_centertime clearfix">
                                    <div class="right fl"><input type="text" name="tradeDate" id="tradeDate" placeholder="起始时间" readonly /></div>
                                </div>
                                <div class="um_lc_shijianneirong">
                                    <p>事件内容事件内容事件内容事件内容事件内容事件内容事件内容</p>
                                </div>
                                <div class="um_list_bottomInfo">
                                    <ul class="um_list_bottomInfo_images clearfix">
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="tabList dasaoweisheng">
                    <ul class="um_list">
                        <li class="um_list_li">
                            <div class=" um_list_right">
                                <div class="um_list_topInfo clearfix">
                                    <div class="um_list_topInfo_header clearfix ">
                                        <p class="fl">
                                            <span class="um_list_top_title">卫生间</span>
                                        </p>
                                        <div class="fr um_list_topInfo_tubiao clearfix">
                                            <label class="iconfont icon-transpond fl"></label>
                                            <label class="iconfont icon-bianji1 fl"></label>
                                            <label class="iconfont icon-lajixiang01 fl"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="um_list_centertime clearfix">
                                    <div class="right fl"><input type="text" name="tradeDate" id="tradeDate" placeholder="起始时间" readonly /></div>
                                    <div class="left fl" id="repeat_select_contact"><input type="hidden" name="num" value="0"/><input type="hidden" name="unit" /><span id="repeat_show_contact">设置周期时间</span></div>
                                </div>
                                <div class="um_list_bottomInfo">
                                    <ul class="um_list_bottomInfo_images clearfix">
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="um_list_li">
                            <div class=" um_list_right">
                                <div class="um_list_topInfo clearfix">
                                    <div class="um_list_topInfo_header clearfix ">
                                        <p class="fl">
                                            <span class="um_list_top_title">卫生间</span>
                                        </p>
                                        <div class="fr um_list_topInfo_tubiao clearfix">
                                            <label class="iconfont icon-transpond fl"></label>
                                            <label class="iconfont icon-bianji1 fl"></label>
                                            <label class="iconfont icon-lajixiang01 fl"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="um_list_centertime clearfix">
                                    <div class="right fl"><input type="text" name="tradeDate" id="tradeDate" placeholder="起始时间" readonly /></div>
                                    <div class="left fl" id="repeat_select_contact"><input type="hidden" name="num" value="0"/><input type="hidden" name="unit" /><span id="repeat_show_contact">设置周期时间</span></div>
                                </div>
                                <div class="um_list_bottomInfo">
                                    <ul class="um_list_bottomInfo_images clearfix">
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="um_list_li">
                            <div class=" um_list_right">
                                <div class="um_list_topInfo clearfix">
                                    <div class="um_list_topInfo_header clearfix ">
                                        <p class="fl">
                                            <span class="um_list_top_title">卫生间</span>
                                        </p>
                                        <div class="fr um_list_topInfo_tubiao clearfix">
                                            <label class="iconfont icon-transpond fl"></label>
                                            <label class="iconfont icon-bianji1 fl"></label>
                                            <label class="iconfont icon-lajixiang01 fl"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="um_list_centertime clearfix">
                                    <div class="right fl"><input type="text" name="tradeDate" id="tradeDate" placeholder="起始时间" readonly /></div>
                                    <div class="left fl" id="repeat_select_contact"><input type="hidden" name="num" value="0"/><input type="hidden" name="unit" /><span id="repeat_show_contact">设置周期时间</span></div>
                                </div>
                                <div class="um_list_bottomInfo">
                                    <ul class="um_list_bottomInfo_images clearfix">
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                        <li class="fl">
                                            <a href="#">
                                                <img src="../../images/background-image.png"/>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </li>
                <li class="tabList jiajuyongpin">
                    <ul class="um_list">
                        <li class="um_list_li clearfix">
                            <div class="lp_list_leftInfo fl">
                                <div class="lp_PaymentInfo">
                                    <span class="lp_PaymentInfo_project">电费</span>
                                    <span class="lp_PaymentInfo_date">周期：30天</span>
                                </div>
                                <div class="lp_PaymentPerson">
                                    <a href="#">1000089191| *户名</a>
                                </div>
                            </div>
                            <div class="lp_list_rightInfo fl clearfix">
                                <div class="lp_list_copy fl">
                                    <div class="iconfont icon-fuzhi"></div>
                                    <span>一键复制</span>
                                </div>
                                <div class="li_list_xian fl">|</div>
                                <div class="lp_list_switch fl">
                                    <div class="wrap">
                                        <input type="checkbox" id="checkbox_c1" class="chk_3"><label for="checkbox_c1"></label>
                                    </div>
                                    <span>提醒：关</span>
                                </div>
                            </div>
                            <div class="fl um_list_topInfo_tubiao">
                                <label class="iconfont icon-lajixiang01"></label>
                            </div>
                        </li>
                        <li class="um_list_li clearfix">
                            <div class="lp_list_leftInfo fl">
                                <div class="lp_PaymentInfo">
                                    <span class="lp_PaymentInfo_project">电费</span>
                                    <span class="lp_PaymentInfo_date">周期：30天</span>
                                </div>
                                <div class="lp_PaymentPerson">
                                    <a href="#">1000089191| *户名</a>
                                </div>
                            </div>
                            <div class="lp_list_rightInfo fl clearfix">
                                <div class="lp_list_copy fl">
                                    <div class="iconfont icon-fuzhi"></div>
                                    <span>一键复制</span>
                                </div>
                                <div class="li_list_xian fl">|</div>
                                <div class="lp_list_switch fl">
                                    <div class="wrap">
                                        <input type="checkbox" id="checkbox_c1" class="chk_3"><label for="checkbox_c1"></label>
                                    </div>
                                    <span>提醒：关</span>
                                </div>
                            </div>
                            <div class="fl um_list_topInfo_tubiao">
                                <label class="iconfont icon-lajixiang01"></label>
                            </div>
                        </li>
                        <li class="um_list_li clearfix">
                            <div class="lp_list_leftInfo fl">
                                <div class="lp_PaymentInfo">
                                    <span class="lp_PaymentInfo_project">电费</span>
                                    <span class="lp_PaymentInfo_date">周期：30天</span>
                                </div>
                                <div class="lp_PaymentPerson">
                                    <a href="#">1000089191| *户名</a>
                                </div>
                            </div>
                            <div class="lp_list_rightInfo fl clearfix">
                                <div class="lp_list_copy fl">
                                    <div class="iconfont icon-fuzhi"></div>
                                    <span>一键复制</span>
                                </div>
                                <div class="li_list_xian fl">|</div>
                                <div class="lp_list_switch fl">
                                    <div class="wrap">
                                        <input type="checkbox" id="checkbox_c1" class="chk_3"><label for="checkbox_c1"></label>
                                    </div>
                                    <span>提醒：关</span>
                                </div>
                            </div>
                            <div class="fl um_list_topInfo_tubiao">
                                <label class="iconfont icon-lajixiang01"></label>
                            </div>
                        </li>
                        <li class="um_list_li clearfix">
                            <div class="lp_list_leftInfo fl">
                                <div class="lp_PaymentInfo">
                                    <span class="lp_PaymentInfo_project">电费</span>
                                    <span class="lp_PaymentInfo_date">周期：30天</span>
                                </div>
                                <div class="lp_PaymentPerson">
                                    <a href="#">1000089191| *户名</a>
                                </div>
                            </div>
                            <div class="lp_list_rightInfo fl clearfix">
                                <div class="lp_list_copy fl">
                                    <div class="iconfont icon-fuzhi"></div>
                                    <span>一键复制</span>
                                </div>
                                <div class="li_list_xian fl">|</div>
                                <div class="lp_list_switch fl">
                                    <div class="wrap">
                                        <input type="checkbox" id="checkbox_c1" class="chk_3"><label for="checkbox_c1"></label>
                                    </div>
                                    <span>提醒：关</span>
                                </div>
                            </div>
                            <div class="fl um_list_topInfo_tubiao">
                                <label class="iconfont icon-lajixiang01"></label>
                            </div>
                        </li>
                    </ul>
                </li>
              </ul>
          </div>
      </div>
      <div class="foot" style="padding: 0 0.65rem">
          <ul class="clearfix">
              <li><a href="../calendar/daily.html"><div><img src="../../images/calendar_num.png"><span>1</span></div><p>日计划</p></a></li>
              <li><a href="../calendar/week.html"><div><img src="../../images/calendar_num.png"><span>7</span></div><p>周计划</p></a></li>
              <li class="plus"><i class="icon iconfont icon-add30"></i></li>
              <li><a href="../calendar/index.html"><div><img src="../../images/calendar_num.png"><span style="left:0.25rem;">31</span></div><p>月计划</p></a></li>
              <li><a><div class="hover"><img src="../../images/calendar_num.png"><span>√</span></div><p>备忘录</p></a></li>
          </ul>
      </div>
  </div>
<script src="../../js/rem.js"></script>
<script src="../../js/lib/jquery.js" type="text/javascript"></script>
<script src="../../js/memorandum.js" type="text/javascript"></script>
<script src="../../js/lib/layer_mobile/layer.js"></script>
<script src="../../js/lib/LCalendar/LCalendar.js"></script>
<script src="../../js/lib/ios_select/iosSelect.js"></script>
<script src="../../js/lib/ios_select/iscroll.js"></script>

</body>
</html>